---
title: Introduction
---

<p style={{ textAlign: 'center', margin: '5rem 0 1rem' }}>
<a href="https://www.umodoc.com" target="_blank"><img src="https://s2.umodoc.com/images/logo.svg" alt="umodoc.com" width="280" /></a>
</p>

<p style={{ textAlign: 'center' }}>
<a href="https://github.com/umodoc/editor/blob/main/LICENSE" target="_blank"><img src="https://img.shields.io/npm/l/@umoteam/editor" /></a>
<a href="https://www.npmjs.com/package/@umoteam/editor" target="_blank"><img src="https://img.shields.io/npm/v/@umoteam/editor" /></a>
<a href="https://www.npmjs.com/package/@umoteam/editor" target="_blank"><img src="https://img.shields.io/npm/d18m/@umoteam/editor" /></a>
<a href="https://www.npmjs.com/package/@umoteam/editor" target="_blank"><img src="https://img.shields.io/npm/unpacked-size/%40umoteam%2Feditor" /></a>
<a href="https://github.com/umodoc/editor/commits" target="_blank"><img src="https://img.shields.io/github/commit-activity/m/umodoc/editor" /></a>
</p>

<p style={{ textAlign: 'center' }}>English Documentation | <a className="nextra-focus _text-primary-600 _underline hover:_no-underline _decoration-from-font [text-underline-position:from-font]" href="/cn/docs/editor">[中文文档]</a> </p>


## Introduction

Umo Editor is an open-source document editor based on Vue3 and Tiptap. It provides powerful document editing capabilities and AI-assisted creation features. Umo Editor supports pagination and normal web layout, Markdown syntax, rich text editing, insertion of various node types, page style settings, document export, and printing. Additionally, it supports custom extensions, multi-language settings, and a dark theme. Umo Editor also supports web layout, and you can use it as a regular rich text editor.

Additionally, Umo Editor supports custom extensions, multi-language settings, and dark theme. We also provide a standalone text preview component, [Umo Viewer](https://github.com/umodoc/viewer), which users can integrate into their projects to preview documents.

Umo Editor's largest feature is that its code is completely open source and controllable. It supports private deployment, allowing you to use it in an intranet environment without worrying about data security issues. At the same time, Umo Editor is based on Vue3 and Tiptap, both of which have rich ecosystems and communities, making it easy to solve problems when needed.

<img style={{marginTop: '1rem'}} src="https://s2.umodoc.com/images/umo-editor-en@2x.png" alt="umo editor" />

As an independent Vue3 plugin, Umo Editor can be easily integrated into various Vue3 projects with zero configuration. For non-Vue3 projects, you can embed Umo Editor into your project via an iframe.

[Website](https://www.umodoc.com/en) | [Documentation](https://dev.umodoc.com/en/docs/editor) | [Playground](https://www.umodoc.com/en/demo) | [GitHub](https://github.com/umodoc/editor) | [NPM](https://www.npmjs.com/package/@umoteam/editor)

## Online Experience

Visit [Playground](https://www.umodoc.com/en/demo?pane=hide) to try Umo Editor.

## Documentation

Please visit [Documentation](https://dev.umodoc.com/en/docs/editor) for detailed instructions.

## Design Philosophy

Umo Editor aims to simplify document editing in web applications by providing Microsoft Word-like powerful editing capabilities and pagination mode while maintaining the convenience of web applications. Whether for government and enterprise information management systems, academic research writing, team document collaboration, knowledge base management, or personal note organization, Umo Editor is your reliable assistant.

## Open Source Advantages

- **Free to Use**: Umo Editor is free for all developers under the [MIT License](https://github.com/umo-editor/umo-editor/blob/main/LICENSE), with no copyright concerns.
- **Continuous Updates**: Umo Editor is continuously iterated to optimize features and enhance user experience.
- **Custom Development**: Open source allows developers to customize Umo Editor to meet project-specific needs.

## Key Features

- Support for Intranet Deployment
- Zero configuration, ready to use
- Pagination mode similar to Microsoft Word
- Lightweight
- Full WYSIWYG editing
- Rich text editing
- Markdown syntax support
- Integrated practical tools
- Presentation mode
- Document export and sharing
- Page settings
- AI document assistant
- Print and print preview support
- Custom extensions support
- Shortcut key support
- Theme customization
- Multilingual settings
- Dark mode
- Support for Web layout
- Standalone document preview component [Umo Viewer](https://github.com/umodoc/viewer)

For more details, see [Features](./editor/features).

## Browser Support 

| Browser          | Version | Support |
| ---------------- | ------- | :------: |
| Google Chrome    | Latest  | ✅       |
| Firefox          | Latest  | ✅       |
| Safari           | Latest  | ✅       |
| Microsoft Edge   | Latest  | ✅       |
| Internet Explorer (IE) | All | ❌       |

## Environment Support

- **Node.js** (>=v18.0.0)
- **Vue** (>=v3.x)
- **Vite** (>=v5.x)
- **Tiptap** (>=v2.6)
- **TypeScript** (>=v5.5)

## Join the Community

We encourage users to join the Umo Editor open-source community and participate in the development and improvement of the product. Whether it's submitting bug reports, feature requests, or code contributions, your involvement is invaluable to our community.

Submit issues or suggestions via [GitHub Discussions](https://github.com/umodoc/editor/discussions).

Report bugs via [GitHub Issues](https://github.com/umodoc/editor/issues).

## Contribute Code

The development of Umo Editor relies on community support. Below is a list of contributors who have contributed code to Umo Editor. We thank them for their efforts:

- [Umo Team](https://github.com/umodoc): 👨‍💻 Core developers
- [Cassielxd](https://github.com/Cassielxd): 💪🏻 Implemented pagination and many important features
- [china-wangxu](https://github.com/china-wangxu): 💪🏻 Added many important features
- [Na'aman Hirschfeld](https://github.com/Goldziher): 💪🏻 Enhanced TypeScript support and added tests
- [SevenDreamYang](https://github.com/SevenDreamYang)：🛠️ Enhanced TypeScript support
- [ChenErik](https://github.com/ChenErik): 🛠️ Contributed code
- [SerRashin](https://github.com/SerRashin): 🛠️ Added Russian language support
- [Sunny Wisozk](https://github.com/SunnyWisozk): 🛠️ Contributed code
- [Sherman Xu](https://github.com/xuzhenjun130): 🛠️ Contributed code
- [vace](https://github.com/vace)：🛠️ Contributed code
- [Mikasa33](https://github.com/Mikasa33)：🛠️ Contributed code

We welcome all forms of contributions, including but not limited to submitting bug reports, feature requests, and code contributions.

## Contact Us

If you have any questions or suggestions, please contact us through the following channels. Before doing so, we recommend reading this documentation thoroughly to understand how to use Umo Editor.

- Feedback: [GitHub Issues](https://github.com/umodoc/editor/issues)
- Community: [GitHub Discussions](https://github.com/umodoc/editor/discussions)
- Email: [contact@umodoc.com](mailto:contact@umodoc.com)

## Technical Exchange

- Discord：[Umo Editor](https://discord.gg/yBwBmm8e)

## Support Us

If you find Umo Editor useful, please consider supporting us in the following ways:

- ⭐ Star the [Umo Editor repository](https://github.com/umodoc/editor) to show your support.
- 🔗 If you use Umo Editor in your project, add a link to https://github.com/umodoc/editor.

## Open Source License

Umo Editor is licensed under the [MIT License](https://github.com/umodoc/editor/raw/main/LICENSE). You are free to use, modify, and distribute this software, but this does **not** mean you are allowed to remove the copyright information at will. Please retain the Umo Editor copyright notice and the link displayed in the interface. Removal of these will be considered an infringement. We encourage you to support open-source projects.

If you do not wish to retain the copyright information, please contact us or consider purchasing the commercial version: [Umo Editor Next](./next).

This documentation is published under the [CC BY-NC-SA 4.0 DEED License](https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en).